Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="../../maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <body> <div class="container"> <h2>Example</h2> <p>The .sr-only class hides an element to all devices except screen readers:</p> <a class="sr-only" href="#">Skip to main content</a> <p>Combine .sr-only with .sr-only-focusable to show the element again when it is focused (e.g. by a keyboard-only user):</p> <a class="sr-only sr-only-focusable" href="#">Skip to main content</a> </div> <script src="../../ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="../../maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> </body> <!-- Mirrored from www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_hlp_sr-only&stacked=h by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:34:27 GMT --> </html>
Result:
Try it Yourself - © w3schools.com